Skip to content

fix(UI): 窄屏下的水平滚动和顶部元素遮挡问题#314

Merged
longsizhuo merged 1 commit intoInvolutionHell:mainfrom
Purestone:fix/ui-horizontal-scroll-top-overlap
Apr 19, 2026
Merged

fix(UI): 窄屏下的水平滚动和顶部元素遮挡问题#314
longsizhuo merged 1 commit intoInvolutionHell:mainfrom
Purestone:fix/ui-horizontal-scroll-top-overlap

Conversation

@Purestone
Copy link
Copy Markdown
Contributor

概要

本次 PR 修复了窄屏下页面出现水平滚动条和顶部元素遮挡的问题。

修改内容

DispatchNetwork:

  • 调整了宽度约为 ~1024px 和 ~540px 时的隐藏和显示逻辑,避免页面出现水平滚动条。
  • 隐藏/隐形顺序:编号字样 'Sec-Net 01' > 跳转链接的文字提示 'Github' 'Discord' 'Zotero' > Dispatch Network (极窄时)

BrandMark & Hero:

  • 更新了品牌斜体字和右侧边线的隐藏逻辑,确保窄屏下不会遮挡顶部元素。
  • 宽度小于 410px 时,最顶部品牌框中斜体字与英雄框的右侧边线不可见。

测试

  • 验证了在 ~1024px 和 ~540px 宽度下,页面不会出现水平滚动条。
  • 确认 Hero 区域的品牌标题和右侧边线在 >400px 宽度下表现正常,没有遮挡顶部元素。

…ow screens

- Adjust DispatchNetwork visibility logic for widths ~1024px and ~540px to prevent horizontal scrolling
- Update Hero section brand title and right border visibility logic to avoid top element overlap
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 19, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
website-preview Ready Ready Preview, Comment Apr 19, 2026 4:43pm

@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 19, 2026

@Purestone is attempting to deploy a commit to the longsizhuo's projects Team on Vercel.

A member of the Team first needs to authorize it.

@longsizhuo
Copy link
Copy Markdown
Member

感谢 @Purestone 🙏
测试细致,断点改动不碰业务逻辑,不和近期 community 功能的 PR 冲突,合入。

@longsizhuo longsizhuo merged commit 1be15ed into InvolutionHell:main Apr 19, 2026
3 of 4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants